Variations of gray

There are many tints and shades of the color gray. A selection of these various colors are shown below.

Gray/Grey
 — Common connotations —
depression, boredom, neutrality, undefinedness, old age, contentment and speed

— Color coordinates —

Hex triplet #808080
sRGBB (r, g, b) (128, 128, 128)
HSV (h, s, v) (--°, 0%, 50%)
Source HTML/CSS[1]
B: Normalized to [0–255] (byte)

Contents

Chart of computer web color grays

Below is a chart showing the computer web color grays. An achromatic gray is a gray color in which the red, green, and blue codes are exactly equal. The web colors gray, gainsboro, light gray, dark gray, and dim gray are all achromatic colors. A chromatic gray is a gray color in which the red, green, and blue codes are not exactly equal, but are close to each other, which is what makes it a shade of gray.

HTML Color Name Sample Hex triplet
(rendered by name) (rendered by hex triplet)
gainsboro #DCDCDC
lightgray #D3D3D3
gray #808080
darkgray #A9A9A9
dimgray #696969
lightslategray #778899
slategray #708090
darkslategray #2F4F4F



Variations of gray

White and Black

The colors white and black are not usually thought of as shades of gray, but they can be thought of as shades of achromatic gray, as both contain equal amounts of red, blue and green. White is at the extreme upper end of the achromatic value scale and black is at the extreme lower end of the achromatic value scale, with all the colors normally considered tones of achromatic gray colors in between. Since achromatic colors have no hue, the hue code (h code) is left blank for achromatic colors (usually marked as a dash).

White

White

— Color coordinates —

Hex triplet #FFFFFF
RGBB (r, g, b) (255, 255, 255)
HSV (h, s, v) (-°, 0%, 100%)
Source By definition
B: Normalized to [0–255] (byte)

White is a color, the perception of which is evoked by light that stimulates all three types of color sensitive cone cells in the human eye in equal amounts and with high brightness compared to the surroundings. A white visual stimulation will be void of hue and grayness. White is the lightest possible color.

Black

Black

— Color coordinates —

Hex triplet #000000
RGBB (r, g, b) (0, 0, 0)
HSV (h, s, v) (-°, -%, 0%)
Source By definition
B: Normalized to [0–255] (byte)

Black is the color of objects that do not emit or reflect light in any part of the visible spectrum; they absorb all such frequencies of light. Black is the darkest possible color.

Achromatic grays

Achromatic grays are colors in which the rgb (red, green, and blue) values are exactly equal. Since achromatic grays have no hue, the hue code (the h in the hsv values of the color) is indicated with a dash. Achromatic grays are the axis of the color sphere, with white at the north pole and black at the south pole of the color sphere. The various tones of achromatic gray are along the axis of the color sphere from white at the top of the axis to black at the bottom of the axis.

Gainsboro

Gainsboro

— Color coordinates —

Hex triplet #DCDCDC
sRGBB (r, g, b) (220, 220, 220)
HSV (h, s, v) (--°, 0%, 86[2]%)
Source X11
B: Normalized to [0–255] (byte)

At right is displayed the web color gainsboro.

Gainsboro is a pale tone of gray.

There is no evidence the name gainsboro was used as a color name before it was included as one of the X11 colors when they were formulated in 1987.


Light gray

Light Gray

— Color coordinates —

Hex triplet #D3D3D3
sRGBB (r, g, b) (211, 211, 211)
HSV (h, s, v) (--°, 0%, 83[3]%)
Source X11
B: Normalized to [0–255] (byte)

At right is displayed the web color light gray.

Medium gray (gray (X11))

Gray (X11)

— Color coordinates —

Hex triplet #BEBEBE
RGBB (r, g, b) (190, 190, 190)
HSV (h, s, v) (--°, 0%, 75[4]%)
Source X11
B: Normalized to [0–255] (byte)

At right is displayed the color medium gray, i.e. gray as defined in the X11 color names, which is lighter than the HTML/CSS gray shown below.

See the chart Color names that clash between X11 and HTML/CSS in the X11 color names article to see those colors which are different in HTML/CSS and X11.


Dark medium gray (dark gray (X11))

Dark Gray (X11)

— Color coordinates —

Hex triplet #A9A9A9
RGBB (r, g, b) (169, 169, 169)
HSV (h, s, v) (--°, 0%, 66[5]%)
Source X11
B: Normalized to [0–255] (byte)

At right is displayed the color dark medium gray, i.e. dark gray as defined in the X11 color names. This color, altho it is called dark gray in X11, is actually lighter than the HTML/CSS gray shown below because it is called dark gray in relation to the X11 gray shown above.

Gray

Gray/Grey

— Color coordinates —

Hex triplet #808080
sRGBB (r, g, b) (128, 128, 128)
HSV (h, s, v) (--°, 0%, 50[6]%)
Source HTML/CSS[1]
B: Normalized to [0–255] (byte)

At right is displayed the color gray.

The first recorded use of gray as a color name in the English language was in 700.[7]

This tone of "gray" (HTML gray) is universally used as the standard for gray because it is that tone of gray which is halfway between white and black.


Dim gray

Dim Gray

— Color coordinates —

Hex triplet #696969
RGBB (r, g, b) (105, 105, 105)
HSV (h, s, v) (--°, 0%, 41[8]%)
Source X11
B: Normalized to [0–255] (byte)

At right is displayed the web color dim gray.

This color is a dark tone of gray.

Off-grays

Off-grays are colors that are very close to achromatic grays, but whose red, green, and blue color codes are not exactly equal.

Charcoal

Charcoal

— Color coordinates —

Hex triplet #36454F
RGBB (r, g, b) (54, 69, 79)
HSV (h, s, v) (204°, 31%, 31 [9]%)
Source ISCC-NBS
B: Normalized to [0–255] (byte)

Charcoal is a color that is a representation of the dark gray color of burned wood.

The first recorded use of charcoal as a color name in English was in 1606.[10]

Source of color: ISCC-NBS Dictionary of Color Names (1955)--Color Sample of Charcoal (color sample #187).

Platinum

Platinum is a color that is the metallic tint of pale grayish-white resembling the metal platinum.

The first recorded use of platinum as a color name in English was in 1918.[11]

Timberwolf

Timberwolf

— Color coordinates —

Hex triplet #DBD7D2
RGBB (r, g, b) (219, 215, 210)
HSV (h, s, v) (33°, 4%, 86%)
Source Crayola
B: Normalized to [0–255] (byte)

Timberwolf is a light gray color with a hue that is somewhat toward the white. It is a representation of the color of the fur of lower snout and the legs of a gray wolf. It is between gray and white in terms of its value (darkness). Timberwolf was a color that was created by Crayola in 1993. It came from the Big Box of 96. The shade also appears in Crayola's 36 and 50 colored pencil sets as "Cool Gray".


Ash gray

Ash gray

— Color coordinates —

Hex triplet #B2BEB5
RGBB (r, g, b) (178, 190, 181)
HSV (h, s, v) (135°, 6%, 75 [12]%)
Source ISCC-NBS
B: Normalized to [0–255] (byte)

Displayed at right is the color ash gray.

The color ash gray is a representation of the average color of ash.

The first recorded use of ash gray as a color name in English was in 1374. [13]


Battleship gray

Battleship Gray

— Color coordinates —

Hex triplet #848482
RGBB (r, g, b) (132, 132, 130)
HSV (h, s, v) (60°, 2%, 52[14]%)
Source ISCC-NBS
B: Normalized to [0–255] (byte)

The color battleship gray is displayed at right. It is so called because the color is the drab shade of gray used for battleship camouflage. It is also the color British Railways location cases are painted, after buying the excess paint from the Royal Navy following World War II.


Cool grays

Cool grays are colors that are noticeably blueish gray, cyanish gray, greenish gray, or violetish gray.

Cool gray

Cool gray is a medium light color gray mixed with the color blue.

This color is a dull shade of blue-gray.

This color is identical with color sample #203 (identified as a tone of "gray blue" or "grayish blue") at the following website: http://tx4.us/nbs/nbs-g.htm—The ISCC-NBS Dictionary of Colo(u)r Names (1955), a website for stamp collectors to evaluate the colors of their stamps.

Poet George Sterling once wrote a poem calling San Francisco the Cool Grey City of Love. [15] The phrase cool grey as applied to San Francisco refers to the frequent fogs from the Pacific Ocean that envelop the city.

Cadet gray

Cadet Gray

— Color coordinates —

Hex triplet #91A3B0
RGBB (r, g, b) (145, 163, 176)
HSV (h, s, v) (205°, 18%, 69[14]%)
Source ISCC-NBS
B: Normalized to [0–255] (byte)

Cadet gray is a slightly bluish shade of the color gray. The first recorded use of cadet grey as a color name in English was in 1912.[16]

Before 1912, the word cadet gray was used as a name for a type of military issue uniforms. Most famously, it was the color of the uniforms of the Confederate Army. In 1815, it had earlier become the color of the uniforms of the United States Military Academy (West Point).[17]

Blue-Gray

Blue-Gray

— Color coordinates —

Hex triplet #6699CC
RGBB (r, g, b) (102, 153, 204)
HSV (h, s, v) (210°, 50%, 80[18]%)
Source Crayola
B: Normalized to [0–255] (byte)

Blue-Gray was a Crayola crayon color from 1958 to 1990.

Glaucous

Glaucous

— Color coordinates —

Hex triplet #6082B6
RGBB (r, g, b) (96, 130, 182)
HSV (h, s, v) (216°, 47%, 71%)
Source ISCC-NBS
B: Normalized to [0–255] (byte)

Glaucous (from the Latin glaucus, meaning "bluish-gray", from the Greek glaukos) is used to describe the pale gray or blue appearance of the surfaces of some plants, as well as in the names of birds, such as the Glaucous Gull (Larus hyperboreus), Glaucous-winged Gull (Larus glaucescens), Glaucous Macaw (Anodorhynchus glaucus), and Glaucous Tanager (Thraupis glaucocolpa).

Slate gray

Slate Gray

— Color coordinates —

Hex triplet #708090
RGBB (r, g, b) (112, 128, 144)
HSV (h, s, v) (210°, 22%, 56%)
Source X11
B: Normalized to [0–255] (byte)

Slate gray is a gray color with a slight azure tinge that is a representation of the average color of the material slate.

The first recorded use of slate gray as a color name in English was in 1705. [19]


Warm grays

Warm grays are colors that are noticeably brownish or pinkish grays. The color brown is itself is a dark shade of orange. Brown colors also include dark shades of rose, red, and amber. Pink colors include light tones of rose, red, and orange. These tones of pink become warm grays when they are mixed with gray.

Puce

Puce is the color of the belly of a flea. Puce is the French word for flea.

"Puce" has been in use as a color name in French since the 14th century.


Mountbatten pink

Mountbatten pink, also called Plymouth pink,[20] is a naval camouflage color, a grayish tone of mauve, invented by Louis Mountbatten of the British Royal Navy in autumn 1940 during World War II.


Rose Quartz

Rose Quartz

— Color coordinates —

Hex triplet #AA98A9
RGBB (r, g, b) (170, 152, 169)
HSV (h, s, v) (330°, 12%, 50%)
Source ISCC-NBS
B: Normalized to [0–255] (byte)

There is a grayish tone of rose called rose quartz.

The first recorded use of rose quartz as a color name in English was in 1926.[21]


Cinereous

Cinereous is a color, meaning ashy gray in appearance, either consisting of or resembling ashes, or a gray color tinged with coppery brown. It is derived from the Latin cinereous, from cinis (ashes).

The first recorded use of cinereous as a color name in English was in 1661.[22]


Taupe

Taupe

— Color coordinates —

Hex triplet #483C32
RGBB (r, g, b) (72, 60, 50)
HSV (h, s, v) (30°, 17%, 34%)
Source ISCC-NBS
B: Normalized to [0–255] (byte)

The color displayed at right matches the color sample called taupe referenced below in the 1930 book A Dictionary of Color, the world standard for color terms before the invention of computers. However, the word taupe may often be used to refer to lighter shades of taupe today, and therefore another name for this color is dark taupe.

The first use of "taupe" as a color name in English was in the early 19th century (exact year is not known).[23]


See also

References

  1. ^ a b W3C TR CSS3 Color Module, HTML4 color keywords Archived 14 December 2010 at WebCite
  2. ^ web.forret.com Color Conversion Tool set to hex code of color #DCDCDC (Gainsboro):
  3. ^ web.forret.com Color Conversion Tool set to hex code of color #D3D3D3 (Light Gray):
  4. ^ web.forret.com Color Conversion Tool set to hex code of color #BEBEBE (Medium Gray (Gray (X11))):
  5. ^ web.forret.com Color Conversion Tool set to hex code of color #A9A9A9 (Dark Medium Gray (Dark Gray (X11))):
  6. ^ web.forret.com Color Conversion Tool set to hex code of color #808080 (Gray/Grey):
  7. ^ Maerz and Paul A Dictionary of Color New York:1930 McGraw-Hill Page 196
  8. ^ web.forret.com Color Conversion Tool set to hex code of color #696969 (Dim Gray):
  9. ^ web.forret.com Color Conversion Tool set to hex code #36454F:
  10. ^ Maerz and Paul. A Dictionary of Color. New York: McGraw-Hill, 1930. Page 192; color sample: page 117, plate 47 Color Sample A2 -- Charcoal
  11. ^ Maerz and Paul A Dictionary of Color New York:1930 McGraw-Hill Page 202; Color Sample of Platinum: Page 113 Plate 45 Color Sample A3
  12. ^ web.forret.com Color Conversion Tool set to hex code of color #B2BEB5 (Ash grey):
  13. ^ Maerz and Paul A Dictionary of Color New York:1930 McGraw-Hill Page 189; Color Sample of Ash grey: Page 77 Plate 27 Color Sample A2
  14. ^ a b web.forret.com Color Conversion Tool set to hex code of color #848482 (Battleship Grey):
  15. ^ The Cool, Grey City of Love by George Sterling:
  16. ^ Maerz and Paul A Dictionary of Color New York:1930 McGraw-Hill Page 191; Color Sample of Cadet Grey: Page 95 Plate 36 Color Sample C4
  17. ^ "Cadets, U.S. Military Academy, 1816-1817," Military Uniforms in America, Vol II, Years of Growth 1796-1851, Company of Military Historians, 1977
  18. ^ www.forret.com Color Conversion Tool set to hex code #6699CC (Blue-Gray):
  19. ^ Maerz and Paul A Dictionary of Color New York:1930 McGraw-Hill Page 204; Color Sample of Slate Gray: Page 51 Plate 14 Color Sample A2
  20. ^ Cecil Ernest Lucas Phillips (1960). The Greatest Raid of All. Little, Brown. http://books.google.com/books?id=3c1zAAAAIAAJ&q=Mountbatten+Pink+plymouth&dq=Mountbatten+Pink+plymouth&ei=f9ywSPXtL4uoswODsLFb&pgis=1. 
  21. ^ Maerz and Paul A Dictionary of Color New York:1930 McGraw-Hill Page 203; Color Sample of Rose Quartz: Page 129 Plate 53 Color Sample B3
  22. ^ Maerz and Paul A Dictionary of Color New York:1930 McGraw-Hill Page 193; Color Sample of Cinereous: Page 93 Plate 35 Color Sample A3
  23. ^ Maerz and Paul A Dictionary of Color New York:1930 McGraw-Hill Page 205; Discussion of Color Taupe, Page 183; Color Sample of Taupe: Page 55 Plate 16 Color Sample A6